@charset "utf-8";



#information .bg{
    height: calc((420/192)*1rem);
    background: url("../img/bg2.png") no-repeat center/100%;
}
/*nav*/
#information .i-nav{
    width: calc((610/192)*1rem);
}
#information .i-nav ul{
    font-size:  calc((18/192)*1rem);
    padding: calc((50/192)*1rem) 0;
}
#information .i-nav ul{
    justify-content:space-between ;
}
#information .i-nav ul li h5{
    width: calc((73/192)*1rem);
    height: calc((73/192)*1rem);
    background: no-repeat center/100%;
}
#information .i-nav ul li:nth-child(1) h5{
    background-image: url("../img/news2.png");
}
#information .i-nav ul li:nth-child(2) h5{
    background-image: url("../img/dynamic.png");
}
#information .i-nav ul li:nth-child(3) h5{
    background-image: url("../img/law.png");
}
#information .i-nav ul li:nth-child(1) h5.on{
    background-image: url("../img/news.png");
}
#information .i-nav ul li:nth-child(2) h5.on{
    background-image: url("../img/dynamic2.png");
}
#information .i-nav ul li:nth-child(3) h5.on{
    background-image: url("../img/law2.png");
}
#information .i-nav ul li p{
    margin-top: calc((20/192)*1rem);
    color: #787878;
}
#information .i-nav ul li p.on{
    color: #e60012;
}

#information .i-content{
    background-color: #f8f8f8;
}
/*news*/
#information .news{

    padding-top:calc((70/192)*1rem) ;

}
#information .news > ul{
    width: calc((1204/192)*1rem);
    height: calc((1060/192)*1rem) ;
    flex-wrap: wrap;
    justify-content: space-around;
}
#information .news > ul li{
    width: calc((378/192)*1rem);
    height: calc((448/192)*1rem);
    background-color: white;
    transition: .2s;
}
#information .news > ul li img{
    height: calc((270/192)*1rem);
}
#information .news > ul li div{
    padding: 0 calc((15/192)*1rem);
}
#information .news > ul li h6{
    margin-top: calc((-20/192)*1rem);
    font-size: calc((18/192)*1rem);
}
#information .news > ul li p{
    margin-top: calc((20/192)*1rem);
    font-size: calc((16/192)*1rem);
    color: #989898;
    line-height: calc((30/192)*1rem);
}
#information .news > ul li i{
    bottom: calc((20/192)*1rem);
    color: #a5a5a5;
    font-size: calc((14/192)*1rem);
    font-style:normal ;
}
#information .news > ul li i + i{
    right: calc((20/192)*1rem);
    width: calc((15/192)*1rem);
    height: calc((15/192)*1rem);
    background-color: #676767;
    color: white;
    text-align: center;
    line-height: calc((15/192)*1rem);
    border-radius: 50%;
}


/*btn*/
#information .btn{
    height: calc((175/192)*1rem);
    background-color: white;
}
#information .btn .center{
    user-select: none;
    width: calc((650/192)*1rem);
    padding-top: calc((63/192)*1rem);
}
#information .btn .center .prv,
#information .btn .center .next,
#information .btn .center ul li{
    padding: calc((14/192)*1rem) calc((23/192)*1rem);
    background-color: #f8f8f8;
    font-size:calc((16/192)*1rem) ;
}
#information .btn .center ul li,
#information .btn .center .next{
    margin-left: calc((5/192)*1rem);
}
#information .btn .center ul li.on{
    background-color: #e60012;
    color: white;
}


/*news-secondary*/
#information .i-content .n-secondary{
    padding-top: calc((68/192)*1rem);
    line-height: calc((30/192)*1rem);
}
#information .i-content .n-secondary h5{
    margin-bottom: calc((20/192)*1rem);
    font-size:calc((30/192)*1rem) ;
    font-weight: bold;
    text-align: center;
}
#information .i-content .n-secondary p{
    margin-bottom: calc((70/192)*1rem);
    font-size:calc((14/192)*1rem) ;
    text-align: center;
}
#information .i-content .n-secondary ul{
    width:calc((1204/192)*1rem) ;
}
#information .i-content .n-secondary ul li{
    margin-bottom: calc((46/192)*1rem);
    font-size:calc((18/192)*1rem) ;
    text-indent: calc((36/192)*1rem);
}


































